
<!-- 
1. computed->搜索功能
作用:处理复杂的数据() 数据A依赖了数据B 把A写成计算属性
值:有返回值的函数
用法:和data中属性用法一样

2. json-server:把json文件变成接口服务器
2.1 npm i -g json-server
2.2 新建db.json
2.3 json-server --watch db.json

3. RESTful接口规则/标准
GET 查询 /brands/2
POST 增加 /brands body
PUT 修改 /brands/2 要修改的数据
DELETE 删除 /brands/2
GET ?name_like=?

4. Vue网络请求 
vue-resource 不维护
axios 服务端和客户端都能用 本身不支持jsonp
4.1 引包 
4.2 axios.post(url,{}).then((res)=>{}).catch((err)=>{})

5. 案例
5.1 列表渲染
v-for="item in list"
data-> list:[]
methods-> loadAllData(){axios.get().then((res)=>{this.list=res.data;})}
在mounted(){this.loadAllData()}
5.2 删除
@click="deleItem(item.id)"
methods->deleItem(ID){axios.delete(url+ID).then((res)=>{this.loadAllData()})}
5.3 添加
@click="addItem()"
methods->addItem(){axios.post(url,{要添加的数据}).then((res)=>{this.loadAllData()})}
5.4 搜索
watch: Vue选项/监测data中数据变化
watch场景: 当data数据变化后 想进行异步操作时,就用watch
axios.get('?name_like='+this.searchVal).then((res)=>{this.list=res.data})
6 体验组件玩法

-->